
<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
		<link rel="stylesheet" href="new_css/publishService.css">
		<link rel="stylesheet" href="css/new_style.css">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<style>
			div#readOnly img {
				width: 24px;
				height: 25px;
			}
			.mainList .content .right .title{
				margin-left: 30px;
			}
			.main-content-mid {
				margin-left: 40px;
			}
			.mainList .content    {
				width: 100%;
				overflow: hidden;
				 height: 100% !important;
			}
			.mainList .content .right{
				height: 830px !important;
			}


			/*小箭头*/

			.sun_item>.sun_item_div1:after, .sun_item>.sun_item_div1:before {
				border: solid transparent;
				content: '';
				height: 0;
				left: 100%;
				position: absolute;
				width: 0;
			}
			.sun_item>.sun_item_div1:before {
				border-width: 12px;
				border-left-color: rgba(196,196,196,1);
				top: 75px;
			}
			.sun_item>.sun_item_div1:after {
				border-width: 10px;
				border-left-color: #fff;
				top: 77px;
			}


			/*goods-comm-stars style*/
			.goods-comm{height:41px;position:relative;z-index:7;}
			.goods-comm-stars{line-height:25px;height:41px;position:absolute;top:0px;left:0;width:400px;}
			.goods-comm-stars .star_l{float:left;display:inline-block;margin-right:5px;display:inline;}
			.goods-comm-stars .star_choose{float:left;display:inline-block;}
			/* rater star */
			.rater-star{position:relative;list-style:none;margin:0;padding:0;background-repeat:repeat-x;background-position:left top;float:left;}
			.rater-star-item, .rater-star-item-current, .rater-star-item-hover{position:absolute;top:0;left:0;background-repeat:repeat-x;}
			.rater-star-item{background-position: -100% -100%;}
			.rater-star-item-hover{background-position:0 -48px;cursor:pointer;}
			.rater-star-item-current{background-position:0 -48px;cursor:pointer;}
			.rater-star-item-current.rater-star-happy{background-position:0 -25px;}
			.rater-star-item-hover.rater-star-happy{background-position:0 -25px;}
			.rater-star-item-current.rater-star-full{background-position:0 -72px;}
			/* popinfo */
			.popinfo{display:none;position:absolute;top:30px;background:url(images/infobox-bg.gif) no-repeat;padding-top:8px;width:192px;margin-left:-14px;}
			.popinfo .info-box{border:1px solid #f00;border-top:0;padding:0 5px;color:#F60;background:#FFF;}
			.popinfo .info-box div{color:#333;}
			.rater-click-tips{font:12px/25px;color:#333;margin-left:10px;background:url(images/infobox-bg-l.gif) no-repeat 0 0;width:151px;height:34px;padding-left:16px;overflow:hidden;}
			.rater-click-tips span{display:block;background:#FFF9DD url(images/infobox-bg-l-r.gif) no-repeat 100% 0;height:34px;line-height:34px;padding-right:5px;}
			.rater-star-item-tips{background:url(images/star-tips.gif) no-repeat 0 0;height:41px;overflow:hidden;}
			.cur.rater-star-item-tips{display:block;}
			.rater-star-result{color:#FF6600;font-weight:bold;padding-left:10px;float:left;}



			/*评论*/
			.commentary{
				width:935px;
				height:402px;
				border: 1px solid #C4C4C4;
			}
			.commentary .buyer-evaluation{
				width: 467px;
				border-right: 1px solid #d2d2d2;




			}
			.commentary .buyer-evaluation .buyer-evaluation-title{
				height: 41px;
				line-height: 41px;
				margin: 8px auto;
				text-align: center;


				/*border-bottom: 1px solid #d2d2d2;*/

			}
			.commentary .buyer-evaluation .buyer-evaluation-title p{
				padding-bottom: 8px;
				border-bottom: 1px solid #d2d2d2;
				color: #1A1A1A;
				font-size:16px;
				/**/
			}

			.buyer-evaluation-content{
				margin: 20px 0 0px 20px;
				height: 300px;
				overflow: hidden;
				text-overflow: ellipsis;
			}



			.buyer-evaluation-content ul li span{
				color: #FF8A00;
			}

			.buyer-evaluation-time{
				text-align: right;
				margin-right: 20px;
			}

			.your-reply{
				border-right: 0px !important;
			}
			.commentary-btn{
				margin-right: 221px;
				margin-top: 30px;
			}

			a.clearfix.fr.commentary-btn {
				width: 151px;
				height: 46px;
				line-height: 46px;
				background-color: #ff8a00;
				text-align: center;
				color: #fff;
				font-size: 16px;
				border-radius: 5px;
			}

		</style>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>

	</head>

	<body style="background:#fff;">
	<!--header-->
	<header>
		<!--Top head navigation bgc-->
		<div class="top-nav-bgc">
			<!--Top head navigation-->
			<div class="top-nav">
				<!--left-->
				<div class="top-nav-left fl">
					<!--img-->
					<img src="images/home.png">
					<!--companyName-->
					<span><a href="index">观迎访问仪器共享平台</a></span>
				</div>
				<!--right-->
				<div class="top-nav-right fr" >
					<!--username-info-->
					<div class="username-info">
						<!--userImg-->
						<div class="userImg fl">
							<img src="images/user.png">
						</div>
						<!--username-->
						<div class="username fl">
							<ul>
								<li id="username" >
									<a onclick="userImg();" href="">itwangyang@foxmail.com</a>
									<img id="userImg" src="images/icon1.png">
								</li>
							</ul>
							<ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
								<!--<img src="images/icon9.png">-->
								<li>
									<a class="active" href="">用户中心</a>
								</li>
								<li>
									<a href="">退出登录</a>
								</li>
							</ul>
						</div>
						<!--selectNav-->
						<!--<div class="icon-img fl">-->
						<!--<img src="images/icon1.png">-->
						<!--</div>-->
					</div>
				</div>
			</div>
		</div>
		<!--header search-->
		<div class="header-search clearfix">
			<!--left-->
			<div class="header-search-lef fl">
				<div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
				<div class="shopping-Mall fl">
					<div class="logo-mall instrument-management">
						<a href="">仪器管理</a>
					</div>
				</div>
			</div>
			<!--right-->
		</div>


	</header>

		<div class="mainList">
			<div class="bNav">您的位置：实验订单管理><span>评价回复</span></div>
			<div class="content">
				
				<div class="right">
					<div class="title"><span>评价回复</span></div>
					<div class="main-content-mid clearfix">
						<ul  class="clearfix">
							<li style="margin: 20px auto " >
								<label>使用时间：</label>
								<input type="text" name="" id="" value="" placeholder="30min"/>
							</li>
							<li class="sun_item clearfix">
								<div class="sun_item_div1">仪器信息</div>
								<div class="sun_item_div2">
									<div class="sun_item_img">
										<img src="images/productDetailPic.png" />
									</div>
									<div class="item_box">
										<br />
										<p>高内涵筛选系统</p>
										<br />

										<p>opertter</p>
										<br />


										<div class="goods-comm">
											<div class="goods-comm-stars">
												<span class="star_l">仪器综合评分：</span>
												<div id="readOnly"></div><p id="scoreFenshu"></p>
											</div>
										</div>
									</div>
								</div>
							</li >
						</ul>
						<!--评论-->
						<div class="commentary clearfix">
							<div class="buyer-evaluation fl">

								<div class="buyer-evaluation-title">
									<p>买家评价</p>
								</div>

								<div class="buyer-evaluation-content">
									<ul>
										<li>
										<li>服务态度很好，仪器非常好用，测试很准确。</li>
										</li>
										<li>仪器状态：<span>损坏</span></li>
									</ul>
								</div>

								<div class="buyer-evaluation-time">
									<time>2018-8-14 18:31:21</time>
								</div>

								<div class="commentary-content">

								</div>
							</div>
							<div class="buyer-evaluation fl your-reply">

								<div class="buyer-evaluation-title">
									<p style="color: #FF8A00">您的回复</p>
								</div>

								<div class="buyer-evaluation-content">
									<ul>
										<li>
											<li>感谢您对仪器的认可，感谢您对仪器的认可，感谢您对仪器的 认可，感谢您对仪器的认可，感谢您对仪器的认可，</li>
										</li>
									</ul>
								</div>

								<div class="buyer-evaluation-time">
									<time>2018-8-14 18:31:21</time>
								</div>

								<div class="commentary-content">

								</div>
							</div>
						</div>
						<a class="clearfix fr commentary-btn">评价</a>
					</div>

				</div>


			</div>

		</div>
	<!--footer-->
	<footer>
		<div class="foot clearfix">
			<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
		</div>
	</footer>
	<script src="js/jquery-1.11.3.js"></script>
	<script src="js/common.js"></script>

	</body>

</html>